@media screen and (max-width:1340px) {
  .wal {
    width: 1200px;
    margin: 0px auto;
  }

  /*company*/
  .com_body .com_l img{
    height: 306px;
  }
 
}
@media screen and (max-width:1240px) {
  .wal {
    width: 980px;
    margin: 0px auto;
  }

  /*nav*/
  .main-header-content .main-menu-list > li > a {
    font-size: 17px;
    padding: 0 20px;
    display: block;
  }

  .com_body .com_l img {
    height: 331px;
  }
  .pro_list {
    width: 250px;
  }
  .list_bottom .bot_tit{
    display: none;
  }
  .list_bottom{
    padding: 15px 20px 38px;
  }
  .pro_con {
    width: calc(100% - 250px);
  }
  .pro_list .pro_top {
    height: 90px;
    border-top: 5px solid #cc1c19;
    line-height: 90px;
    color: #fff;
    text-align: center;
    font-size: 28px;
  }
  .pro_list ul.ul1 > li {
    height: 50px;
    margin-top: 10px;
    line-height: 50px;
    text-indent: 2em;
    font-size: 18px;
    position: relative;
    transition: all 0.2s ease-in;
}
  .pro_con .videobox .videocon b {
    font-size: 24px;
  }
  .pro_con .videobox .videocon p:nth-child(4) {
    display: none;
  }

  .pro_con .videobox .img{
    width: 50%;
    height:225px;
  }
  .pro_con .videobox .img iframe{
    width: 100%;
    height:225px;
  }

}
@media screen and (max-width:980px) {
  .wal,.wal1{
    box-sizing: border-box;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }
  .head_top{
    display: none;
  }
  .pcnone{
    display: block;
  }
  .wepnone{
    display: none;
  }
  /*header start*/
  .main-header-logo a .logo{
    height: 50px;
    padding: 5px 0;
  }

  .main-header {
    width: 100%;
    display: block;
    height: 60px;
    line-height: 60px;
    background: #fff;
  }
  .main-header-tel{
    display: none;
  }
  .main-header .main-header-content .main-header-right{
    display: none;
  }

  .mobile-nav-toggler{
    display: block;
  }
  .mobile-nav-toggler i {
    color: #1F4F8B;
    font-size: 22px;
    line-height: 60px;
  }

  .mobile-nav-close i {
    color: #fff;
  }
  .mobile-nav-container .main-menu-list li button i{
    font-size: 26px;
  }

  .mobile-nav-container .main-menu-list > li > a:after {
    display: none;
  }
  /*banner*/
  #banner .swiper-button {
    display: none;
  }

  #banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;

  }

  #banner .swiper-slide .pcimg {
    display: none !important;
  }

  #banner .swiper-slide .mobimg {
    display: block !important;
  }
  
  .main-menu-wrapper-left .dh{
    display: none;
  }

  .company {
    padding: 40px 0;
  }

  .product {
    padding: 40px 0;
    background: url(../images/probg.jpg) no-repeat center;
    background-size: cover;
  }
  .pro_list ul.ul1 > li:hover ul.ul2{
  display: none;
}
  .pro_con .videobox {
    width: 100%;
    margin-left: 0%;
    margin-top: 20px;
    margin-bottom: 0px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}


  .pro_con .videobox .img{
    width: 100%;
    height:auto;
  }
  .pro_con .videobox .img iframe{
    width: 100%;
    height:auto;
  }
  .factory {
    padding: 40px 0;
  }

  .news {
    padding: 40px 0;
    background-size: cover;
  }
  .index_tit b {
    font-size: 30px;
  }

  .company .com_l,.company .com_r{
    width: 100%;
  }
  .com_body .com_l img {
    height: auto;
}
  .company .com_r{
    margin-top: 0px;
  }
  .pro_list .pro_top{
    display: none;
  }
  .pro_list{width: 100%}
  .pro_list .ul1{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .pro_list ul.ul1 li{
    width: 48%;
    height: auto;
  }
  .pro_list ul.ul1 > li i{
    display: none;
  }
  .pro_list ul.ul1 > li > a{
    line-height: 15px;
    text-align: center;
    text-indent: 0em;
    padding: 10px 0;
    justify-content: center;
  }
  .list_bottom{
    display: none;
  }
  .pro_con {
    width:100%;
  }
  .pro_con ul{
    justify-content: space-between;
  }
  .pro_con ul li {
    width: 49%;
    margin:20px 0 0;
  }
  .news .new_body .new_left, .news .new_body .new_right {
    width: 100%;
  }
  .news .new_body .new_right ul li {
    padding: 15px;
    border-bottom: 1px solid #dfdfdf;
    
  }
  .pro_con ul li p {
  
    line-height: 16px;
    padding: 10px 0;
   
    z-index: 99;
    background: #195D9A;
    width: calc(100% - 0px);
    text-align: center;
    color: #fff;
}
.pro_con .videobox img{
  width: 100%;
  height: auto;
}

.pro_con .videobox .videocon{
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 30px;
  text-align: justify;
}
  .news .new_body .new_left {
    padding: 20px;
    background: #f1f1f1;
  }
  .news .new_body .new_right ul li a .new_mid .con1 {
    line-height: 20px;
    color: #888;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 7px;
  }

  .footer .foot1 p{
    font-size: 15px;
  }
  .foot_bot{
    font-size: 14px;
    text-align: center;
  }
  
}
@media screen and (max-width:768px) {
  .wal{
    box-sizing: border-box;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }
  .pcnone{
    display: block;
  }
  .wepnone{
    display: none;
  }

  /*header*/
  .main-header-logo a .logo{
    height: 40px;
    padding: 5px 0;
  }

  .main-header {
    width: 100%;
    display: block;
    height: 50px;
    line-height: 50px;
  }
  .mobile-nav-toggler i {
   
    font-size: 18px;
    line-height: 50px;
  }
  #banner .swiper-slide .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 33%;
    bottom: 0;
    margin: 0 auto;
  }

  .banner-slide-content .title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-bottom: 10px;

  }

  .banner-slide-content p {
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    color: #fff;
  }
  .advbox {
    margin-top: 0px;
  }
  .advbox ul li{
    width:100%;
    margin-top: 20px;
  }

  .prone .swiper-slide a {
  
    width: calc(100% - 20px);
    padding: 10px;
   
}
  .foot_item {
    width: 100%;
    text-align: center;
  }
  .footer .foot_item.foot2 {
    width: 160px;
    padding-top: 20px;
    margin:0 auto;
  }
  .foot_bot .wal > p{
    width: 100%;
    text-align: center;
  }
  .foot_bot .botr{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .back-to-top{
    right: 10px;
    bottom: 10px
  }
}